<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script>
google.load('visualization', '1', {
	'packages': ['corechart', 'annotatedtimeline', 'table'], 
 	'language': 'fa'
});
google.setOnLoadCallback(drawChart);
function drawChart() {
  var data = new google.visualization.DataTable({{ revdata }});
  var chart = new google.visualization.{{ chartDesc.chartType }}(document.getElementById("chart_container"));
  chart.draw(data, {
      width: 600, height: 400,
      {% if revChartDesc.chartTitle %}
      title: '{{ revChartDesc.chartTitle }}',
      {% endif %}
      {% if revChartDesc.hAxisTitle %}
      hAxis: { title: '{{ revChartDesc.hAxisTitle }}' },
      {% endif %}
      {% if revChartDesc.vAxisTitle %}
      vAxis: { title: '{{ revChartDesc.vAxisTitle }}' },
      {% endif %}
      // Annotated Time Line
      {% if revChartDesc.displayAnnotations %}
      displayAnnotations: true,
      {% endif %}
  });
  var table = new google.visualization.Table(document.getElementById("chart_data_container"));
  var tdata = new google.visualization.DataTable({{ data }});
  table.draw(tdata, {showRowNumber: true, rtlTable: true, page: 'enable'});
}
</script>

